<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
   1. 传统方式在一个文件中使用多个js文件时 需要注意引入的先后顺序
   2. 传统方案是全部引入

   捷俊以上问题 可以通过es6中模块化思路

   1.默认导入时导入的标识符可以任意 一般和文件中导出时保持一致
   2.非默认导入时导入的标识名字需要和导出保持一致,且需要使用{}包裹

-->
<script type="module">
    // 导入 b1
    // import b1 from "../js/base1.js";
    // import b2 from "../js/base2.js";
    // import {toUpper} from "../js/base1.js";
    //
    // console.log(b1)
    // console.log(b2)
    //
    // let info = "hello"
    // console.log( toUpper(info))

    import {upperStr} from "../js/base2.js";
    console.log(upperStr)


</script>

</body>
</html>